/* 详情页css */
.bodymain{
	display: flex;
	width: 100%;
	justify-content: center;
}
.nrhome{
	display: flex;
	width: 50%;
}
/* showview */
.showview{
	width: 100%;
	display: flex;
	flex-grow: 1;
	flex-direction: column;
}
.my_title{
	margin: 1rem;
}
.top-title{
	padding: 10px;
	background-image: url(../img/new_year.png);
	background-position: center;
	background-size: 100%;
}
.tag-user{
	display: flex;
	justify-content: center;
}
.F-b{
	padding: 0 5px 0 5px;
}
.list-item-nr{
	padding: 18px;
	justify-content: center;
}
.flex-between{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.nav-box-left{
	display: flex;
	flex-direction: row;
	padding: 8px 0;

}
.a-c-de{
	text-decoration: none;
	color:#ffaaff;
}
.p-gray{
	color: gray;
}
.lin-p{
	margin: 0;
	display: inline-block;
}
.border-radius-5{
	border-radius: 5px;
}
.fg-ac::before{
	padding: 0 0 0 5px;
	color: #ccc;
	content: "/\00a0";
}
.active-img{
	width: 100%;
	height: 20rem;
	overflow: hidden;
	/*background-size: 100%;*/
	/*background-position: center;*/
	border-radius: 8px;
	/*background-image: url(../img/background/kon-10.jpg);*/
}
.mar-b{
	margin-bottom: 20px;
}
.active-zt{
	margin-top: 20px;
}
.video-de{
	width: 100%;
	height: 100%;
}
.green-box{
	background-color: #f0f8e5;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	position: relative;

}
.pink-box{
	background-color: #fde5ff;
	border-radius: 6px;
	padding: 10px 20px;
	position: relative;
	margin: 15px 0;
	display: flex;
	width: 100%;
	flex-direction: row;
}
.ts-right{
	width: 200px;
	min-width: 200px;
}
.span-pre{
	white-space: pre-wrap;
}
.state{
	padding: 15px;
	background-color: #fbfbfb;
	border-left: 5px solid #00beab;
	margin: 25px 0;
}
code{
	font-family: "黑体";
}
.active-foot{
	display: flex;
	justify-content: space-between;
}
.foot-button{
	padding: 5px 8px;
	background-color: #c0a46b;
	border: 2px solid #c0a46b;
	border-radius: 20px;
	color: white;
	font-weight: bold;
	margin-right: 10px;
}
.foot-button-white{
	padding: 3px 8px;
	background-color: white;
	border-radius: 20px;
	color: #787878;
	font-weight: bold;
}
.floot-img{
	display: flex;
	justify-content: center;
	padding: 20px 0;
}
.left-right{
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
}
.user-body{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.user-img{
	padding: 0 10px;
}
.user-img>img{
	border-radius: 50%;
	overflow: hidden;
	flex-grow: 1;
}
.O-O{
	padding: 10px 10px;
	border-radius: 5px;
	border: #ebebeb;
	width: 70%;
	flex-grow: 1;
	height: 72px;
	outline: none;
	resize: none;
	font-family: "黑体";
	font-weight: bold;
}
.OBO{
	border: none;
	background-color: #00aeff;
	border-radius: 5px;
	width: 100%;
	min-height: 72px;
	max-height: 72px;
	flex-grow: 1;
}
.OBO-box{
	min-width: 12%;
	min-height: 100%;
	max-height: 100%;
	padding: 10px;
}
.eom-all{
	padding: 4px 10px;
	display: inline-block;
	background-color: white;
	border-radius: 4px;
	margin-left: 60px;
}
.download-box{
	width: 45px;
	height: 42.5px;
	display: block;
	padding: 8px 16px;
	background-color: white;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: #FFFFFF;
	position: fixed;
	top: 30%;
	right: 0;
}
.video-footer{
	position: fixed;
	width: 410px;
	bottom: 5px;
	right: 5px;
	display: flex;
	flex-direction: row;
	transition: transform 600ms;
}
.video-footer-one{
	border: 5px solid white;
}
.hidevideo{
	position: absolute;
	display: flex;
	justify-content: center;
	width: 20px;
	height: 20%;
	left: -28px;
	background-color: #ffffff;
	font-family: "黑体";
	padding:30px 15px;
	top: 40%;
	align-items: center;
}
.fl-all-art{
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0 100px 0;
}
/*.span-box{*/
/*	padding: 10px 15px;*/
/*}*/
.p-r-z-def{
	position: relative;
	z-index: 10;
}
@keyframes move-str{
	from{
		transform: translateX(0px);
	}
	to{
		transform: translateX(415px);
	}
}

@keyframes move-end{
	from{
		transform: translateX(415px);
	}
	to{
		transform: translateX(0px);
	}
}

.move-str{
	animation-name: move-str;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
.move-end{
	animation-name: move-end;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
.peizhi{
	display: flex;
	flex-direction: row;
	flex-grow: 1;

}
.pz-one{
	width: 50%;
	padding: 5px 10px;
}
.pre-def{
	font-family: 黑体;
	font-weight: bold;
	white-space: pre-wrap;
	margin: 10px 0 0 20px
}
.h2-def{
	font-size: 25px;
	color: #aaaaff;
}

.eom-box-all{
	width: 330px;
	height: 200px;
	display: flex;
	flex-direction: column;
	border-radius: 4px;
	overflow: hidden;
	background-color: #fff;
	z-index: 10;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.eom-show::-webkit-scrollbar {
	width: 8px;
	height: 6px
}
/*定义滚动条轨道*/
.eom-show::-webkit-scrollbar-track {
	background-color: transparent;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em
}
/*定义滑块 内阴影+圆角*/
.eom-show::-webkit-scrollbar-thumb {
	background-color: #30B07F;
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 100%,transparent 100%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em
}
.eom-show{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 5px;
	overflow-y: auto;
}
.eom-span{
	padding: 4px 15px;
	background-color: #f7f7f7;
	margin: 3px 5px;
	border-radius: 4px;
}
.eom-table{
	display: flex;
	width: 100%;
	height: 30px;
	min-height: 30px;
	align-items: center;
	background-color: #f7f7f7;
}
.eom-table-one{
	padding: 5px 17px;
}
.bc-active{
	background-color: #fff;
}
.eom-name{
	width: 100%;
	display: flex;
	height: 30px;
	min-height: 30px;
	align-items: center;
	justify-content: center;
}
.eom-table-bili-one{
	display: flex;
	align-items: center;
	padding: 5px 15px;
}
.eom-span-bili{
	padding: 4px 12px;
	background-color: #f7f7f7;
	margin: 3px 5px;
	border-radius: 4px;
	display: flex;
	align-items: center;
}
.eom-span-show:hover{
	box-shadow: 0 0.5px 3px #76767699;
}
.qitao-box{
	width: 500px;
	display: flex;
	flex-direction: column;
	padding: 10px 20px;
	border-radius: 4px;
	align-items: center;
	height: 410px;
	background-color: #fff;
}
.qitao-one{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.wx-box,.zfb-box{
	padding: 5px;
	align-items: center;
}
.show-box-d-m{
	box-shadow: 0 0 10px 3px rgba(0, 0, 0.34, .075) !important
}
.qitao-waike{
	width: 100%;
	height: 100%;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	z-index: 11;
}
[v-cloak] {
	display: none;
}
.dw-p{
	position: relative;
	top: -55px;
}
.install-img{
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
}
.install-img-one{
	border-radius: 4px;
	border: 4px solid #fff;
	margin: 0 5px;
}
.tip{
	border: 2px dashed #a1a8cc;
	width: 100%;
	height: 150px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 10px 0;
}
.p-a-img{
	right: 0;
	bottom: 0;
}

.pl-title{
	padding: 0 10px;
	background-color: #fff;
	border-radius: 4px;
	margin: 20px 0 20px 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.p-f-25{
	font-size: 25px;
}
.pl-right{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.pl-qh{
	padding: 15px 10px;
	position: relative;
	margin: 0 8px;
}
.bor-bot-blue{
	width: 100%;
	position: absolute;
	border-bottom: 6px solid #277cff;
	bottom: 0;
	left: 0;
}
.cPlBlue{
	color: #277cff;
}
.cPlRed{
	color: #ff456b;
}
.bor-bot-red{
	width: 100%;
	position: absolute;
	border-bottom:6px solid #ff456b;
	bottom: 0;
	left: 0;
}

.slide {
	-webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-bottom {
	0% {
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes slide-in-bottom {
	0% {
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
.cx-name{
	background-color: #fff;
	display: flex;
	flex-direction: row;
	padding: 10px 15px;
	align-items: center;
	border-radius: 4px;
	margin-bottom: 15px;
}
.cx-name-but{
	border: none;
	border-radius: 4px;
	padding: 10px 15px;
	margin: 0 10px;
	background-color: #aaaaff;
	color: #fff;
}
.pl-cz{
	padding: 10px 5px;
	margin: 0 5px;
}
.pl-bs{
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0.34, .035) !important;

}
.cblue{
	color: #0091EA;
}
.dis-n{
	display: none;
}
.mar-def{
	margin: 0 5px;
}
.more-xz{
	padding: 3px 12px;
	text-align: center;
	width: 100%;
}
.more-xz:hover{
	background-color: #9090e2;
	color: #FFFFFF;
}
#username{
	display: none;
}